<script type="text/javascript">
	function reloadCaptchaImage() {
		var captchaImage = document.getElementById("captchaImage");
		var captchaId = document.getElementById("captchaId").value;
		var captchaUrl = "<?= $captchaBaseUrl ?>" + captchaId + "&random=" + Math.random();
		captchaImage.setAttribute("src", captchaUrl);
	}
</script>

<tr>
	<td class="Label">captchaId:</td>
	<td><input type="text" id="captchaId" class="Input" name="captchaId"
		value="<?= $captchaId ?>" onchange="reloadCaptchaImage()"/></td>
</tr>
<tr>
	<td class="Label">captchaText:</td>
	<td><input type="text" class="Input" name="captchaText" value=""/></td>
</tr>
<tr>
	<td class="Label">captcha image:</td>
	<td>
		<a href="javascript:reloadCaptchaImage();">reload</a><br/>
		<img id="captchaImage" alt="Captcha image" src="<?= $captchaUrl ?>"
			onclick="reloadCaptchaImage()" style="cursor: pointer;"/>
	</td>
</tr>
<tr>
	<td class="Label">&nbsp;</td>
	<td>&nbsp;</td>
</tr>
